.f-cb{zoom:1;}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.m_banner,.m_footer{display: none;}
/*移动端导航*/
.header{width:100%;height:60px;background-color:#fff;position:relative;display: none;  z-index: 1111111;}
.header .nav-btn{cursor:pointer;display:none;height:26px;margin-right:15px;margin-top:17px;position:relative;width:31px;}
.header .nav-btn span{display:block;width:100%;height:3px;background-color:#656565;position:absolute;left:0;-webkit-transition:left 0.5s ease 0s;transition:left 0.5s ease 0s;}
.header .nav-btn .top{top:0;-webkit-transform-origin:left top 0;-ms-transform-origin:left top 0;transform-origin:left top 0; width: 100%; padding: 0;}
.header .nav-btn .cent{top:11px;}
.header .nav-btn .bot{top:21px;-webkit-transform-origin:left bottom 0;-ms-transform-origin:left bottom 0;transform-origin:left bottom 0;}
.header .m-nav{width:100%;left:0;top:60px; position:absolute;margin-left:0;background-color:#fff;border-top:1px solid #dbdbdb;display:none;}
.header .m-nav ul{width:100%;background-color:#fff;}
.header .m-nav li{width:100%;line-height:50px;border-bottom:1px solid #dbdbdb;margin-left:0;font-size:15px;}
.header .m-nav li a{display:block;width:92%;padding:0 4%;background:url(images/nav_r.png) no-repeat 95% center;background-size:auto 45%;}
.header .m-nav li:hover a{background:url(images/nav_r.png) no-repeat 95% center;background-size:auto 45%;color:#027B2B;}
.m-navbg{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000;opacity:0.5;z-index:3;display:none;}

@media (max-width:1200px){
.head,.footer,.nav{ display: none;}
.top{ width: 90%; padding: 0 5%;}
.header{ display: block;}
.header .nav{display:block;}
.header .logo{height:34px; margin-top: 13px; margin-left: 13px;}
.header .nav-btn{display:block;}
.text_bt{ font-size: 24px; color: #027B2B; padding: 30px 0 20px; border-top: 1px dashed #aaa; margin-top: 30px;}
.my-map { margin: 30px auto 0; width: 100%; height: 300px !important; }
.content{width: 100%;}
.content2{width: 94%; margin: 0 auto; height: auto;}

.banner{ display: none;}
.mbanner{width:100%; height:auto; overflow:hidden; display: block;}
.mbanner img{ width: 100%;}
.news{ width: 100%; height: 377px; background: #eee; position: relative; z-index: 50;}
.news_tab{ width: 100%; height: 377px; background: #fff; top: 0; left: 0; margin-left: 0; z-index: 5000; position: absolute;}
.news_top{ width: 100%; height: 39px; background: #1550c7; display: none;}
.news_top a{ float: right; line-height: 39px; color: #fff; margin-right: 10px;}
.news_min{ width: 100%; height: 388px; position: relative;}
.news_min .left{ width: 480px; height: 325px; margin: 30px 0 0 30px; float: left; display: none;}
.news_min .left img{ width: 480px; height: 325px;}
.news_min .right{ width:92%; height: auto; float: right; margin: 30px 4% 0;}
.TabTitle{ width:100%; height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 24px;}
#myTab0{ width: 100%; height: auto;}
.TabTitle li{ float:left; height: 36px; display: block; line-height: 36px; font-size: 16px; cursor: pointer; margin-right: 25px; color: #000000;}
.TabTitle .active{ color:#144aae; border-bottom: #144aae 1px solid;}
.news_list{ width: 100%; height: auto;}
.news_list li{ width: 100%; height: 36px;}
.news_list li span{ margin-right: 7px; color: #999;}
.news_list_home{ width: 100%; height: auto; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.news_list_home li{ width: 100%;}
.news_list_home li a{ font-size: 26px; color: #333;}
.news_list_home li .pp{ width: 100%; height: auto; line-height: 25px; color: #333; overflow: auto; padding-top: 4px;}
.news_list_home li .pp .ppp{ width: 100%; height: auto; line-height: 25px; overflow: auto; float: left; color: #999; font-size: 14px;}
.news_list_home li .pp2{ float: right; display: none;}
.news_list_home li .pp2 a{ color: #1550c7; font-size: 14px;}
.video{ width: 240px; height: 180px; position: absolute; bottom: 20px; right: 20px; display: none;}

.about img{ width: 100%;}
.box2rselect{width:100%;height:31px; background: none; line-height:31px;position:relative; border-radius: 31px; border: 1px solid #d5d5d5; z-index:1511; float:left; text-align: center; margin-top: 19px;}
.box2rselect dt{padding-left:0; cursor:pointer;}
.box2rselect dd{display:none; position:absolute;bottom:35px; padding: 5px 0; background:#fff; border-radius: 10px; border:#d5d5d5 1px solid;width:100%;border-bottom:none;z-index:6;}
.box2rselect dd li{padding-left:15px; text-align:left;width:100%;}
.fot{ display: none;}
.fotx{ line-height: 25px; padding: 15px 0; display: block; text-align: center; width: 100%; height: auto; overflow: hidden;}
.page_ban{ display: none;}
.page_banx{ display: block; width: 100%; height: auto; overflow: hidden;}
.page_banx img{ width: 100%;}

.page_nav{ width: 100%; height: auto; line-height: 45px; background: #fff; overflow: hidden;}
.page_nav ul{ width: 100%; float: left; text-align: center;}
.page_nav li{ height: 45px; width: 33.333%;}
.page_nav li a{ height: 45px; width: 100%; padding: 0; font-size: 16px; display: block; color: #666; transition: all 0.5s ease 0s;}
.page_nav li a:hover,.page_nav li a.active{ background: #027B2B; color: #fff;}
.page_nav_bt{ height: 45px; padding: 0; width: 33.333%; background: #027B2B; color: #fff; font-weight: bold; display: inline; line-height: 45px; float: left; font-size: 18px;}

.zhidao li{ width: 100%; height: auto; float: left; margin-right: 40px; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 45px;}
.zhidao li:nth-child(2n){ margin-right: 0;}
.zhidao li .img{ width: 100%; height: auto; overflow: hidden;}
.zhidao li img{ width: 100%; height: auto; -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-mos-transform 0.3s ease-out; -ms-transition:-ms-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.zhidao li:hover img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.zhidao p{ background: #fff; width: 100%;}

.honor li{ width: 100%; height: auto; float: left; margin-right: 30px; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 45px;}
.honor li:nth-child(3n){ margin-right: 0;}
.honor li .img{ width: 100%; height: auto; overflow: hidden;}

.honor li img{ width: 100%; height: auto; -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-mos-transform 0.3s ease-out; -ms-transition:-ms-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.honor li:hover img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.honor p{ background: #fff; width: 100%;}

.newsList1{ height:auto; overflow:hidden; width: 100%;}
.newsList1 li{ width: 100%; height:122px; overflow:hidden; border-bottom:1px dotted #cecece;}
.newsList1 li a{ display:block; height:93px; padding:20px 0;}
.newsList1 li:hover{ background:#fafafa;}
.newsList1 li .date{ width:15%; color:#acacac; float:left; margin-right:5%; background: #fff; padding: 0; border-radius: 5px; text-align: center;}
.newsList1 li .date b{ width:100%; display:block; text-align:center; font-size:36px; line-height:30px; font-family:arial; margin-top:10px; color:#888;}
.newsList1 li .date span{ display:block; text-align:center; line-height:22px; width:100%; font-size:12px; color:#666;}
.newsList1 li .img2{ float:left; width:160px;}
.newsList1 li .newsLR{ float:left; width:80%; margin-left:0;}
.newsList1 li .newsLR h3{ text-align:left; line-height:26px; font-size:16px; height: 26px; overflow: hidden; color: #333;}
.newsList1 li:hover .newsLR h3{ color: #027B2B;}
.newsList1 li .newsLR p{ line-height:24px; width:100%; height:50px; overflow:hidden; color:#999; margin-top: 5px; font-size: 14px;}
.newsList1 li:hover .date b{ color:#027B2B;}
.newsList1 li .date span{ color:#027B2B;}

.cg li{ width: 100%; height: auto; float: left; margin-right: 30px; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 45px;}
.cg li:nth-child(3n){ margin-right: 0;}
.cg li .img{ width: 100%; height: auto; overflow: hidden;}
.cg li img{ width: 100%; height: auto; -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-mos-transform 0.3s ease-out; -ms-transition:-ms-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.cg li:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.cg p{ background: #fff; width: 100%;}

.tabtab{ width: 100%;}
.tab1{width:100%; height:49px; border:1px solid #ddd; text-indent:15px; margin-bottom: 12px;}
.tab2{width:100%; height:100px; border:1px solid #ddd; text-indent:15px; margin-bottom: 12px; padding-top: 5px;}
.eduList{ display: none;}
.cp_wap{ width: 100%; height: auto; overflow: hidden; display: block; margin: 20px 0 10px;}
.cp_wap li{ width: 47%; height: auto; float: left; margin-left: 2%; margin-bottom: 2%;}
.cp_wap li img{ width: 100%; height: 150px;}
.cp_wap li p{ width: 100%; height: 35px; line-height: 35px; background: #fff;}

#fd{ display: none;}
.i_foot{ width: 100%; height: auto; overflow: hidden;background: #394246;padding: 25px 0; color: #fff; text-align: center; display: block;}
.cp_img{ width: 100%; margin-bottom: 20px;}
.cp_text_page{ width: 100%;}

.history{background:none;overflow:hidden;position:relative;}
.history-date{overflow:hidden;position:relative;}
.history-date h2{background:#fff url(images/icon06.gif) no-repeat 158px 0;height:59px;font-size:25px;font-family:微软雅黑;font-weight:normal;padding-left:0;margin-bottom:40px; }
.history-date h2.first{position:absolute;left:0;top:0;width:100%;z-index:99;}
.history-date h2 a{color:#12336f;display:inline-block;*display:inline;zoom:1;background:url(images/icon08.gif) no-repeat right 50%;padding-right:17px;margin:21px 97px 0 0;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px;}
.history-date h2.date02{background:none;}
.history-date ul li{background:none;padding-bottom:25px;zoom:1;}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{float:left;width:100%;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px;}
.history-date ul li dl{float:left;padding-left:0;margin-top:-5px;font-family:微软雅黑; width:100%;}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}
.history-date ul li.green h3{color:#12336f;}
.history-date ul li.green h3 span{color:#12336f;}
.history-date ul li.green dl{margin-top:-8px;}
.history-date ul li.green dl dt{font-size:16px;line-height:28px;}
.history-date ul li.green dl dt a{display:inline-block;*display:inline;zoom:1;overflow:hidden;margin-left:12px;}
.history-date ul li.green dl dd{padding-top:20px;display:none;}
.history-date ul li.green dl dd img{float:left;}
.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878;}

.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}

.cp_nav{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.cp_nav a{ padding: 0 12px; margin: 0 3px; line-height: 40px; display: inline-block; background: #fff; color: #333; border-radius: 2px; font-size: 14px;}
.cp_nav a:hover{ background: #027B2B; color: #fff;}
.cp_more{ width: 100%; height: auto; overflow: hidden; text-align: center; margin-bottom: 60px;}
.cp_more a{ padding: 0 55px; margin: 0 10px; line-height: 40px; display: inline-block; background: #fff; color: #333; font-size: 14px;}
.cp_more a:hover{ background: #027B2B; color: #fff;}

.cp .mid{ width: 100%; height: auto; margin-top: 20px; overflow: hidden; margin-bottom: 25px;}
.cp .mid li{ width: 47%; height: auto; margin-left: 2%; margin-right: 0; margin-bottom: 2%;}
.cp .mid li:last-child{ margin-right: 0;}
.cp .mid li .img{ width: 100%; height: 150px; overflow: hidden;}
.cp .mid li .img img{ width: 100%; height: 150px;-webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-mos-transform 0.3s ease-out; -ms-transition:-ms-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.cp .mid li .img:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.cp .mid li p{ width: 100%; height: 40px; line-height: 40px; background: #fff; font-size: 14px;}

.index_cg{ width: 100%; height: auto; overflow: hidden; padding: 40px 0 20px;}
.zszk_icon{ width:100%; height: auto; overflow: hidden;}
.zszk_icon li{ width:90%; float:left; margin-right:0;transition: all 0.5s; text-align:center; padding: 0 5%; margin-bottom: 20px;}
.zszk_icon li:last-child{ margin-right: 0;}
.zszk_icon li i.icon{  border-radius:5px; display:block; transition: all 0.2s; border:1px solid #ccc; width:80px; height:80px; float:left;}
.zszk_icon li i.icon01{ background:url(images/service11.png) no-repeat;}
.zszk_icon li i.icon04{ background:url(images/service41.png) no-repeat;}
.zszk_icon li i.icon02{ background:url(images/service21.png) no-repeat;}
.zszk_icon li i.icon03{ background:url(images/service31.png) no-repeat;}
.zszk_icon li:hover i.icon01,.zszk_icon li a.on i.icon01{background:url(images/service12.png) no-repeat #189c43; border:1px solid #189c43;}
.zszk_icon li:hover i.icon04,.zszk_icon li a.on i.icon04{background:url(images/service42.png) no-repeat #189c43; border:1px solid #189c43;}
.zszk_icon li:hover i.icon02,.zszk_icon li a.on i.icon02{background:url(images/service22.png) no-repeat #189c43; border:1px solid #189c43;}
.zszk_icon li:hover i.icon03,.zszk_icon li a.on i.icon03{background:url(images/service32.png) no-repeat #189c43; border:1px solid #189c43;}
.zszk_icon li a.on h1{ color:#189c43;}
.zszk_icon li .text{ float:left; margin-left:15px; width:180px; text-align:left;}
.zszk_icon li .text h1{ font-size:22px;color:#333; font-weight:normal; margin-top:2px; margin-bottom:0px;}
.zszk_icon li .text p{ font-size:12px; color:#888; line-height:18px; margin-top:5px; text-align: justify;}
.zszk_icon li:hover a.icon , a.icon:hover{-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg);}

.honor li{ width: 92%; height: auto; float: left; margin-right: 4%; margin-left: 4%; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 45px;}
.honor li:nth-child(3n){ margin-right: 0;}
.honor li .img{ width: 100%; height: 230px; overflow: hidden;}

.honor li img{ width: 100%; height: 230px; -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-mos-transform 0.3s ease-out; -ms-transition:-ms-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.honor li:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.honor p{ background: #fff; width: 100%;}
.honor2 li{ width: 92%; height: auto; float: left; margin-right: 4%; margin-left: 4%; margin-bottom: 20px; font-size: 16px; text-align: center; line-height: 45px;}
.honor2 li:nth-child(3n){ margin-right: 0;}
.honor2 li .img{ width: 100%; height: 230px; overflow: hidden;}

.honor2 li img{ width: 100%; height: 230px;}
.honor2 p{ background: #fff; width: 100%;}
}